<!-- template inhertance -->
<extend name="layout/layui24"/>

<!-- styles -->
<block name="linkcss">
    <link rel="stylesheet" href="/Public/home/css/userCenter/user.css">
</block>

<!-- scripts -->
<block name="linkjs">

</block>

<!-- page title -->
<block name="webtitle">
    <title>个人中心</title>
</block>

<!-- navagations -->
<block name="breadcrumb">
    <ol class="breadcrumb breadcrumb-edit">
        <li class="active">个人中心</li>
    </ol>
</block>

<!-- main body -->
<block name="content">
    <!-- 基本信息-->
    <div class="panel panel-default">
        <div class="panel-heading">
            <div class="clearfix">
                <div class="pull-left">
                    <i class="icon-user"></i>
                    我的基本信息
                </div>
                <div class="pull-right">
                    <!--修改密码、设置签名、修改头像-->
                    <a href="">修改资料</a>
                </div>
            </div>
        </div>
        <div class="panel-body">
            <div class="clearfix">
                <div class="basic-information">
                    <div class="face">
                        <a href="javascript: void 0">
                            <img class="layui-circle" src="/Public/home/img/face/face_01.png" alt="我的头像" width="100" height="100">
                        </a>
                    </div>
                    <div>
                        <table class="table-layout-fixed">
                            <tbody>
                            <tr>
                                <td>账号</td>
                                <td>{$myInfo.account}</td>
                                <td>姓名</td>
                                <td>{$myInfo.nickname}</td>
                                <td>直属上司</td>
                                <td>{$myInfo.report}</td>
                            </tr>
                            <tr>
                                <td>部门</td>
                                <td>{$myInfo.department}</td>
                                <td>岗位</td>
                                <td>{$myInfo.post}</td>
                                <td>入职日期</td>
                                <td>{$myInfo.entry_date|date="Y-m-d",###}</td>
                            </tr>
                            <tr>
                                <td>状态</td>
                                <td>{$myInfo.state}</td>
                                <td>工龄</td>
                                <td>{:time2Units($myInfo['work_age'])}</td>
                                <td>合同期限</td>
                                <td>{$myInfo.contract_period|date="Y-m-d",###}</td>
                            </tr>
                            <tr>
                                <td>邮箱</td>
                                <td>{$myInfo.email}</td>
                                <td>签名</td>
                                <td colspan="3">
                                    <img src="/Public/home/img/sign.png" alt="电子签名图片" height="50">
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 其他关于我的信息展示及入口-->
    <div class="other-information">
        <!-- left-->
        <div class="mr-10">
            <div class="panel" style="border: 0">
                <a href="shortcut" class="layui-btn layui-btn-primary w-100">
                    <i class="icon-bookmark"></i>
                    我的快捷方式
                </a>
            </div>

            {/*  foreach template
            <volist name="" id="vo">
                {//如果没记录则不渲染该模块}
                <notempty name="vo.details.href">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <div class="clearfix">
                                <div class="pull-left">
                                    <i class="{$vo.icon}"></i>
                                    我的{$vo.name}
                                </div>
                                <div class="pull-right">
                                    <a href="">更多</a>
                                </div>
                            </div>
                        </div>
                        <div class="panel-body">
                            <volist name="vo.details" id="item">
                                <div class="clearfix">
                                    <div class="pull-left">
                                        <a href="">{$item.href}</a>
                                    </div>
                                    <div class="pull-right">
                                        {$item.nickname}/{$item.time|date='Y-m-d',###}
                                    </div>
                                </div>
                            </volist>
                        </div>
                    </div>
                </notempty>
            </volist>
            */}

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-list-ul"></i>
                            我的工作总结
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-book"></i>
                            我的ECO
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-file-alt"></i>
                            我的文件
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-signal"></i>
                            我的试产
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-globe"></i>
                            我的BBS
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- right-->
        <div class="ml-10">

            <div class="panel" style="border: 0">
                <a href="authorization" class="layui-btn layui-btn-primary w-100">
                    <i class="icon-exchange"></i>
                    我的授权
                </a>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-user-md"></i>
                            我的客户代码
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-shopping-cart"></i>
                            我的供应商
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-legal"></i>
                            我的审批
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-hdd"></i>
                            我的样品
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default">
                <div class="panel-heading">
                    <div class="clearfix">
                        <div class="pull-left">
                            <i class="icon-list-alt"></i>
                            我的项目
                        </div>
                        <div class="pull-right">
                            <a href="">更多</a>
                        </div>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="clearfix">
                        <div class="pull-left">
                            <a href="">xxxxxxxxxxxxxxxxxx</a>
                        </div>
                        <div class="pull-right">
                            xx/xxxx-xx-xx
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</block>